// StopwatchDetail.tsx
import { Table } from 'antd';
import React from 'react';

// 定义弹框数据结构
interface DetailDataType {
  standardNumber: string;
  chineseName: string;
  englishName: string;
  standardDescription: string;
  sourceOrganization: string;
  dataType: string;
  enumerationRange: string;
  defaultValue: string;
}

// const columns: TableProps<DetailDataType>['columns'] = [
//   {
//     title: '标准编号',
//     dataIndex: 'standardNumber',
//     key: 'standardNumber',
//   },
//   {
//     title: '中文名称',
//     dataIndex: 'chineseName',
//     key: 'chineseName',
//   },
//   {
//     title: '英文名称',
//     dataIndex: 'englishName',
//     key: 'englishName',
//   },
//   {
//     title: '标准说明',
//     dataIndex: 'standardDescription',
//     key: 'standardDescription',
//   },
//   {
//     title: '来源机构',
//     dataIndex: 'sourceOrganization',
//     key: 'sourceOrganization',
//   },
//   {
//     title: '数据类型',
//     dataIndex: 'dataType',
//     key: 'dataType',
//   },
//   {
//     title: '枚举范围',
//     dataIndex: 'enumerationRange',
//     key: 'enumerationRange',
//   },
//   {
//     title: '默认值',
//     dataIndex: 'defaultValue',
//     key: 'defaultValue',
//   },
// ];
const columns = [
  {
    title: '字段名',
    dataIndex: 'fieldName',
    key: 'fieldName',
    width: 80,
    align: 'left',
  },
  {
    title: '值',
    dataIndex: 'fieldValue',
    key: 'fieldValue',
    width: 60,
    align: 'right',
    render: (text) => text || '无',
  },
];
const StandardDetail: React.FC<{ dataSource: DetailDataType }> = ({
  dataSource,
}) => {
  console.log('接收到的数据:', dataSource);

  return (
    <Table<DetailDataType>
      columns={columns}
      dataSource={dataSource || []} // 处理空数据
      pagination={false}
      rowKey="standardNumber"
    />
  );
};

export default StandardDetail;
